{% block customScripts %}
<script src="{{ asset('bundles/RebeccaBundle/js/jQuery.editorFormulas.js') }}"></script>
{% endblock %}
<h2 class="editorTitle">Editor de Formulas</h2>
<div class="form editorForm">
    <div class="clearfix">
        <span class="notification information">Por favor utilice como separador decimal el punto (.)</span>
        <div class="input">
            <textarea id="panel" class="formula"></textarea>
        </div>    
    </div>
    <div class="clearfix">
        <div class="widget_inside">
            <div class="tabs">
                <ul>
                    <li><a href="#constantes">Constantes</a></li>
                    <li><a href="#conceptos">Conceptos</a></li>
                    <li><a href="#parametros">Parametros</a></li>
                    <li><a href="#funciones">Funciones</a></li>
                    <!--<li><a href="#calendario">Calendario</a></li>
                    <li><a href="#tablas">Tablas</a></li>
                    <li><a href="#acumulados">Acumulados</a></li>-->
                </ul>
                <div id="constantes">
                    <div class="form">
                        <div class="widget_inside">
                            <table class="regular datatables" id="CONS">
                                <thead>
                                    <tr>
                                        <th>Abreviatura</th>
                                        <th>Nombre</th>
                                        <th>Valor</th>
                                        <!--<th>Parametro</th>          -->
                                        <th>Descripci&oacute;n</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for constante in constantes %}
                                        <tr class="fila">
                                            <td class="id">{{constante.abreviatura}}</td>
                                            <td>{{constante.nombre}}</td>
                                            <td>{% if constante.esRelacionado == 1 %}-{%else%}{{constante.valor}}{%endif%}</td>
                                            <!--<td>{% if constante.esRelacionado == 1 %}{{constante.idParametro.nombre}}{%else%}-{%endif%}</td>  -->
                                            <td>{{constante.descripcion|truncate(10)}}</td>
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div id="conceptos">
                    <div class="form">
                        <div class="widget_inside">
                            <table class="regular datatables" id="CONCE">
                                <thead>
                                    <tr>
                                        <th>Abreviatura</th>
                                        <th>Nombre</th>
                                        <th>Tipo de Concepto</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for concepto in conceptos %}
                                        <tr class="fila">
                                            <td class="id">{{concepto.abreviatura}}</td>
                                            <td>{{concepto.nombre}}</td>
                                            <td>{{concepto.idTipoConcepto.nombre}}</td>
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div id="parametros">
                    <div class="form">
                        <div class="widget_inside">
                            <table class="regular datatables" id="PARAM">
                                <thead>
                                    <tr>
                                        <th>Abreviatura</th>
                                        <th>Nombre</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for parametro in parametros %}
                                        <tr class="fila">
                                            <td class="id">{{parametro.abreviatura}}</td>
                                            <td>{{parametro.nombre}}</td>
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div id="funciones">
                    <div class="form">
                        <div class="widget_inside">
                            <table class="regular datatables" id="FUNC">
                                <thead>
                                    <tr>
                                        <th>Nombre</th>
                                        <th>Formula</th>
                                        <th>Ejemplo</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for formula in formulas%}
                                    <tr class="funcion">
                                        <td>{{ formula['nombre'] }}</td>
                                        <td>{{ formula['formula'] }}</td>
                                        <td>{{ formula['ejemplo'] }}</td>
                                    </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <!--<div id="calendario">
                    <div class="form">
                        <div class="widget_inside">
                            <table class="regular datatables" id="CAL">
                                <thead>
                                    <tr>
                                        <th>Id</th>
                                        <th>Nombre</th>
                                        <th>Fechas</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for calendario in calendarios %}
                                        <tr class="fila">
                                            <td class="id">{{calendario.id}}</td>
                                            <td>{{calendario.nombre}}</td>
                                            <td>{{calendario.fechas}}</td>
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div id="tablas">
                    <div class="form">
                        <div class="widget_inside">
                            <table class="regular datatables" id="TAB">
                                <thead>
                                    <tr>
                                        <th>Id</th>
                                        <th>Nombre</th>
                                        <th>Descripci&oacute;n</th>
                                        <th>Desde</th>
                                        <th>Hasta</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for tabla in tablas %}
                                        <tr class="fila">
                                            <td class="id">{{tabla.id}}</td>
                                            <td>{{tabla.nombre}}</td>
                                            <td>{{tabla.descripcion}}</td>
                                            <td>{{tabla.desde}}</td>
                                            <td>{{tabla.hasta}}</td>
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div id="acumulados">
                    <div class="form">
                        <div class="widget_inside">
                            <table class="regular datatables" id="ACUM">
                                <thead>
                                    <tr>
                                        <th>Id</th>
                                        <th>Query</th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>-->
            </div>
        </div>
    </div>
</div>
<div class="form editorBottonPanel">
    <div class="clearfix grey-highlight">
        <div class="input no-label">
            <button class="button blue agregar" >Agregar</button>
            <button class="button cancelar" >Cancelar</button>
        </div>
    </div>
</div>